<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>{$title}</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="imagetoolbar" content="false"/>
    <link rel="stylesheet" type="text/css" media="screen" href='{$chrome->style_location}galleria.css' />
    <script type="text/javascript" src='{$chrome->template_location}js/jquery.min.js'></script>
    <script type="text/javascript" src='{$chrome->template_location}js/jquery.galleria.js'></script>
    <script type="text/javascript" src='{$chrome->template_location}js/gallery.js'></script>
  </head>
  <body>
    <h1>{$title}</h1>
    <div id="main_image"></div>
    <ul class="gallery">
      {foreach from=$folders item=folder}
      <li class="folder">
        <a href='{$folder->location}'>
          <img src='{$folder->thumb}' alt='{$folder->alt}' title='{$folder->title}'/>
        </a>
      </li>
      {/foreach}
      {foreach from=$images item=image}
      <li class="image">
        <a href='{$image->location}'>
          <img src='{$image->thumb}' alt='{$image->alt}' title='{$image->title}'/>
        </a>
      </li>
      {/foreach}
    </ul>
  </body>
</html>
